<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>南大金陵百度菁英俱樂部</title>
		<!-- 引入Bootstrap核心样式文件（必须） -->
		<link rel="stylesheet" href="lib/bootstrap/css/bootstrap.css">
		<!-- 自定義樣式css文件-->
		<link rel="stylesheet" href="css/index.css">
		<!--站点title前图标-->
		<link rel="shortcut icon" href="imgs/baidu_logo.png" type="image/x-icon">
	</head>

	<body>

		<!--头部-->
		<header id="lk_header">
			<!--上部分 工具栏 小设备隐藏-->
			<div class="top-bar hidden-sm hidden-xs text-center text-muted">
				<div class="container">
					<div class="row">
						<div class="top-bar-1 col-md-2">
							<a href="" class="text-muted">
								<i class="icon-phone"></i>
								<span>小蓝鲸微信号</span>
								<span class="caret"></span>
								<img src="imgs/QR_code.png" alt="南大金陵百度菁英俱乐部" width="150">
							</a>
						</div>
						<div class="top-bar-2 col-md-5">
							<i class="icon-tel"></i>
							<span>欢迎同学老师QQ/微信参与俱乐部的建设工作中Coming</span>
						</div>
						<div class="top-bar-3 col-md-2">
							<a href="" class="text-muted">校企合作</a>
							<a href="" class="text-muted">|&nbsp;俱乐部</a>
						</div>
						<div class="top-bar-4 col-md-3">
							<a class="btn btn-default btn-sm btn-register" href="#" role="button">免费注册</a>
							<a href="#" role="button" class="text-muted" style="margin-left: 10px" data-toggle="modal" data-target="#lk_login">立即登录</a>
						</div>
					</div>
				</div>
			</div>
			<!--下部分  导航栏-->
			<nav class="navbar navbar-default navbar-static-top navbar-lk">
				<div class="container">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#lk_nav" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
						<a class="navbar-brand" href="#">
							<img src="imgs/baidu_logo.png" alt="AI百度" width="180" height="53.95">
						</a>
					</div>

					<div class="collapse navbar-collapse" id="lk_nav">
						<ul class="nav navbar-nav">
							<li class="active">
								<a href="javascript:;">关于我们</a>
							</li>
							<li>
								<a href="javascript:;">百度最新动态</a>
							</li>
							<li>
								<a href="javascript:;">项目演示</a>
							</li>
							<li>
								<a href="javascript:;">技术分享</a>
							</li>
							<li>
								<a href="javascript:;">竞赛须知</a>
							</li>
							<li>
								<a href="javascript:;">获奖记录</a>
							</li>
							<li>
								<a href="javascript:;">导师团队</a>
							</li>
							<li>
								<a href="javascript:;">小蓝鲸动态</a>
							</li>
						</ul>
						<ul class="nav navbar-nav navbar-right hidden-sm hidden-xs">
							<li>
								<a href="#">个人中心</a>
							</li>
						</ul>
					</div>
				</div>
			</nav>
		</header>

		<!--轮播图-->
		<section id="lk_carousel" class="carousel slide" data-ride="carousel">
			<!-- 指示器 -->
			<ol class="carousel-indicators">
				<li data-target="#lk_carousel" data-slide-to="0" class="active"></li>
				<li data-target="#lk_carousel" data-slide-to="1"></li>
				<li data-target="#lk_carousel" data-slide-to="2"></li>
			</ol>

			<!-- 中间滚动的内容 -->
			<div class="carousel-inner" role="listbox">
				<div class="item active" data-sm-img="" data-lg-img="imgs/section1.jpg">
				</div>
				<div class="item" data-sm-img="" data-lg-img="imgs/section2.jpg">
				</div>
				<div class="item" data-sm-img="" data-lg-img="imgs/section3.jpg">
				</div>
			</div>

			<!-- 左右控制 -->
			<a class="left carousel-control" href="#lk_carousel" role="button" data-slide="prev">
				<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
				<span class="sr-only">Previous</span>
			</a>
			<a class="right carousel-control" href="#lk_carousel" role="button" data-slide="next">
				<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
				<span class="sr-only">Next</span>
			</a>
		</section>

		<!--关于我们-->
		<section id="lk_about" class="hidden-xs hidden-sm">
			<!--标题-->
			<div class="title text-center">
				<h1><strong>关于我们</strong></h1>
				<img src="imgs/star.png" alt="" class="img-responsive">
			</div>
			<!--主要内容-->
			<div class="container">
				<div class="row">
					<div class="col-md-8">
						<p class="text-muted">百度菁英俱乐部是百度校园品牌部与高校进行深度校企合作的一种形式，是一个以创新创业为导向、学生自主独立运作、非营利性的互联网信息交流类社团组织。</p>
						<p class="text-muted">百度致力于与南京大学金陵学院合作为在校大学生提供创新创业、项目实践等技术支持平台，培养更多人工智能创新型人才。南京金陵百度菁英俱乐部以项目、比赛为核心，以深度学习、百度先进AI平台、PaddlePaddle为技术出发点,开展一系列技术研讨活动项目。</p>
						<p class="text-muted">俱乐部创立至今成果丰硕，共参与9项项目研究，其中百度AI-微信人脸识别以及情绪识别项目获中国服务创新创业大赛奖；俱乐部还致力于信息知识传播，不仅发表多篇博客论文，还不定期举办技术分享会。</p>
						<p class="text-muted"><strong>指导老师：孙海洋  &nbsp&nbsp&nbsp主要学生负责人：刘晨、蔡文杰、李俊华、俞鸿泰、龙晨宇等</strong></p>
					</div>
					<div class="col-md-4">
						<img src="imgs/club_team.jpg" alt="核心团队" class="img-rounded img-responsive">
					</div>
					<div>
					</div>
				</div>
			</div>
		</section>

		<!--热门课程-->
		<section id="lk_hot">
			<!--标题-->
			<div class="title text-center">
				<h1><strong>推荐AI课程</strong></h1>
				<img src="imgs/star.png" alt="" class="img-responsive">
			</div>
			<!--内容-->
			<div class="container">
				<div class="row">
					<!--图文混排  左1-->
					<div class="col-md-6 lesson">
						<div class="media">
							<div class="media-left">
								<img src="imgs/ai_baidu.png" alt="ai.baidu.com" class=" media-object img-responsive img-circle img-thumbnail" width="100">
							</div>
							<div class="media-body">
								<h4 class="media-heading">百度AI开发者平台</h4>
								<p class="text-muted" style="margin-top: 10px;">百度带你学AI，查看文档调用AI接口，轻松玩转人工智能</p>
							</div>
							<div class="media-right text-danger">
								AI加油
							</div>
						</div>
					</div>
					<!--图文混排  右1-->
					<div class="col-md-6 lesson">
						<div class="media">
							<div class="media-left">
								<img width="100" class="media-object img-circle img-thumbnail" src="imgs/paddle.png" alt="www.paddlepaddle.org.cn">
							</div>
							<div class="media-body">
								<h4 class="media-heading">百度PaddlePaddle</h4>
								<p class="text-muted" style="margin-top: 10px;">百度带你学Paddle，查看文档调用Paddle库文件，轻松玩转机器学习</p>
							</div>
							<div class="media-right text-danger">
								Paddle加油
							</div>
						</div>
					</div>
					<!--图文混排  左2-->
					<div class="col-md-6 lesson">
						<div class="media">
							<div class="media-left">
								<img width="100" class="media-object img-circle img-thumbnail" src="imgs/w3c.png" alt="www.w3cschool.cn">
							</div>
							<div class="media-body">
								<h4 class="media-heading">W3C前端流行框架</h4>
								<p class="text-muted" style="margin-top: 10px;">W3C开发者带你玩转前端，自主设计页面</p>
							</div>
							<div class="media-right text-danger">
								Bootstrap加油
							</div>
						</div>
					</div>
					<!--图文混排  右2-->
					<div class="col-md-6 lesson">
						<div class="media">
							<div class="media-left">
								<img width="100" class="media-object img-circle img-thumbnail" src="imgs/Easydl.png" alt="ai.baidu.com\easydl">
							</div>
							<div class="media-body">
								<h4 class="media-heading">Easydl图像识别处理</h4>
								<p class="text-muted" style="margin-top: 10px;">Easydl带你轻松完成图像识别项目，提供接口移植到自主项目中去</p>
							</div>
							<div class="media-right text-danger">
								Easydl加油
							</div>
						</div>
					</div>
					<!--图文混排  左3-->
					<div class="col-md-6 lesson">
						<div class="media">
							<div class="media-left">
								<img width="100" class="media-object img-circle img-thumbnail" src="imgs/Easydl.png" alt="ai.baidu.com\easydl">
							</div>
							<div class="media-body">
								<h4 class="media-heading">Easydl图像识别处理</h4>
								<p class="text-muted" style="margin-top: 10px;">Easydl带你轻松完成图像识别项目，提供接口移植到自主项目中去</p>
							</div>
							<div class="media-right text-danger">
								Easydl加油
							</div>
						</div>
					</div>
					<div class="col-md-6 lesson">
						<div class="media">
							<div class="media-left">
								<img width="100" class="media-object img-circle img-thumbnail" src="imgs/Leetcode.png" alt="leetcode.com">
							</div>
							<div class="media-body">
								<h4 class="media-heading">Leetcode算法</h4>
								<p class="text-muted" style="margin-top: 10px;">Leetcode全球知名刷算法网站</p>
							</div>
							<div class="media-right text-danger">
								算法/数学
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>

		<!--友情链接-->
		<section id="lk_link">
			<!--标题-->
			<div class="title text-center">
				<h1><strong>友情链接</strong></h1>
				<img src="imgs/star.png" alt="" class="img-responsive">
			</div>
			<ul class="logos">
				<li>
					<a href=""><img src="imgs/baidu_logo.png" width="100" alt=""></a>
				</li>
				<li>
					<a href=""><img src="imgs/google.jpg" width="50" alt=""></a>
				</li>
				<li>
					<a href=""><img src="imgs/tensorflow.jpg" width="50" alt=""></a>
				</li>
				<li>
					<a href=""><img src="imgs/github.jpg" width="100" alt=""></a>
				</li>
				<li>
					<a href=""><img src="imgs/ROS.jpg" width="50" alt=""></a>
				</li>
				<li>
					<a href=""><img src="imgs/paddle.jpg" width="100" alt=""></a>
				</li>
				<li>
					<a href=""><img src="imgs/JLXY.jpg" width="100" alt=""></a>
				</li>
			</ul>
		</section>

		<!--尾部-->
		<footer id="lk_footer">
			<div class="container">
				<div class="row" style="padding-top: 20px;">
					<div class="col-md-3 col-md-offset-1 one">
						<div class="row">
							<ul class="col-md-6">
								<li>
									<a href="">关于我们</a>
								</li>
								<li>
									<a href="">项目介绍</a>
								</li>
								<li>
									<a href="">推荐课程</a>
								</li>
							</ul>
							<ul class="col-md-6">
								<li>
									<a href="">导师推荐</a>
								</li>
								<li>
									<a href="">作品展示</a>
								</li>
								<li>
									<a href="">联系我们</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="col-md-3 two">
						<h5>地址: 南京大学金陵学院百度菁英俱乐部</h5>
						<h5>联系QQ: 781924851</h5>
						<h5>地址邮箱: liuchen_vx@163.com</h5>
					</div>
					<div class="col-md-3 three">
						<h5>联系我们:</h5>
						<a href="">
							<img src="imgs/QR_code.png" alt="" width="50" data-toggle="tooltip" data-placement="bottom" title="小蓝鲸的深海代码">
							<span>官方微信公众号</span>
						</a>
					</div>
				</div>
			</div>
		</footer>
		
		<!--引入js 操作完成动态效果处理-->
		<script src="lib/jquery/jquery.js"></script>
		<!-- 引入所有的Bootstrap的JS插件 -->
		<script src="lib/bootstrap/js/bootstrap.js"></script>
		<!-- 你自己的脚本文件 -->
		<script src="js/index.js"></script>
	</body>

</html>